import React, { Component } from 'react'
import { Row, Col } from "antd";
class SecondPlant extends Component {
    constructor(props) {
        super(props)
        this.state = {
            data: []
        }
    }
    render() {
        return (
            <div>
                <Row gutter={[{ xs: 4, sm: 4, md: 4, lg: 8 }, 8]} className="thrre-plate">
                    <Col xs={24} sm={24} md={16} lg={8}>
                        <div>
                            <Row gutter={[0, 0]} className='three-plant-firstrow'>
                                <Col span={8} className="three-plant-first">
                                    <div></div>
                                </Col>
                                <Col span={16}>
                                    <div>
                                        <Row gutter={[4, 4]} className="three-plant-second">
                                            <Col span={6}>
                                                <div>
                                                    <div>状态</div>
                                                    <span>正常</span>
                                                </div>
                                            </Col>
                                            <Col span={14}>
                                                <div>
                                                    <div>实时值/ppm</div>
                                                    <span>0.011</span>
                                                </div>
                                            </Col>
                                            <Col span={4}>
                                                <div></div>
                                            </Col>
                                        </Row>
                                        <div>液氯储槽A532621-001-HC001-WND004（有毒气体）</div>
                                    </div>
                                </Col>
                            </Row>
                        </div>
                    </Col>
                    <Col xs={12} sm={12} md={8} lg={4}>
                        <div className='litle-plant'>
                            <div>
                                <p>-0.011 <sub>ppm</sub>
                                </p>
                                <span>正常</span></div>
                            <div>液氯储槽A532621-001-
                                HC001-WND004（有毒气体）</div>
                        </div>
                    </Col>
                    <Col xs={12} sm={12} md={8} lg={4}>
                        <div className='litle-plant'>
                            <div>
                                <p>-0.011 <sub>ppm</sub>
                                </p>
                                <span>正常</span></div>
                            <div>液氯储槽A532621-001-
                                HC001-WND004（有毒气体）</div>
                        </div>
                    </Col>
                    <Col xs={12} sm={12} md={8} lg={4}>
                        <div className='litle-plant'>
                            <div>
                                <p>-0.011 <sub>ppm</sub>
                                </p>
                                <span>正常</span></div>
                            <div>液氯储槽A532621-001-
                                HC001-WND004（有毒气体）</div>
                        </div>
                    </Col>
                    <Col xs={12} sm={12} md={8} lg={4}>
                        <div className='litle-plant'>
                            <div>
                                <p>-0.011 <sub>ppm</sub>
                                </p>
                                <span>正常</span></div>
                            <div>液氯储槽A532621-001-
                                HC001-WND004（有毒气体）</div>
                        </div>
                    </Col>
                </Row>
                <Row gutter={[{ xs: 4, sm: 4, md: 4, lg: 8 }, 8]} className="thrre-plate">
                    <Col xs={12} sm={12} md={8} lg={4}>
                        <div className='litle-plant'>
                            <div>
                                <p>-0.011 <sub>ppm</sub>
                                </p>
                                <span>正常</span></div>
                            <div>液氯储槽A532621-001-
                                HC001-WND004（有毒气体）</div>
                        </div>
                    </Col>
                    <Col xs={12} sm={12} md={8} lg={4}>
                        <div className='litle-plant'>
                            <div>
                                <p>-0.011 <sub>ppm</sub>
                                </p>
                                <span>正常</span></div>
                            <div>液氯储槽A532621-001-
                                HC001-WND004（有毒气体）</div>
                        </div>
                    </Col>
                    <Col xs={12} sm={12} md={8} lg={4}>
                        <div className='litle-plant'>
                            <div>
                                <p>-0.011 <sub>ppm</sub>
                                </p>
                                <span>正常</span></div>
                            <div>液氯储槽A532621-001-
                                HC001-WND004（有毒气体）</div>
                        </div>
                    </Col>
                    <Col xs={12} sm={12} md={8} lg={4}>
                        <div className='litle-plant'>
                            <div>
                                <p>-0.011 <sub>ppm</sub>
                                </p>
                                <span>正常</span></div>
                            <div>液氯储槽A532621-001-
                                HC001-WND004（有毒气体）</div>
                        </div>
                    </Col>
                    <Col xs={12} sm={12} md={8} lg={4}>
                        <div className='litle-plant'>
                            <div>
                                <p>-0.011 <sub>ppm</sub>
                                </p>
                                <span>正常</span></div>
                            <div>液氯储槽A532621-001-
                                HC001-WND004（有毒气体）</div>
                        </div>
                    </Col>
                    <Col xs={12} sm={12} md={8} lg={4}>
                        <div className='litle-plant'>
                            <div>
                                <p>-0.011 <sub>ppm</sub>
                                </p>
                                <span>正常</span></div>
                            <div>液氯储槽A532621-001-
                                HC001-WND004（有毒气体）</div>
                        </div>
                    </Col>
                </Row>
            </div>
        );
    }
}
export default SecondPlant